<template>
  <div>
    <!-- 父组件接受子组件 toAdd事件不能带括号()-->
    <div></div>
    <Son :fatherlist="list" @toAdd="add"></Son>
    
    <!-- 传给子组件数据 -->
  </div>
</template>
  <script>
import Son from "../../components/son/index.vue"; //引入子组件    引入进来的组件都属于子组件
export default {
  data() {
    return {
      list: [
        {
          name: "李四",
          age: "15",
          id: 1,
        },
        {
          name: "张三",
          age: "120",
          id: 2,
        },
      ],
    };
  },
  components: {
    //注册子组件
    Son,
  },
  methods: {
    // add这个事件就可以获取到从子组件穿过来的name数据
    add(name) {
      this.list.push({
        name,
      });
    },
  },
};
</script>